@media only screen and (max-width: 600px) {

  .text-dot {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 135px;
    display: block;
  }

  .fixed-buttons,
  #myTabs {
    position: relative;
    width: 100%;
  }

  .category-scroll {
    height: 55vh !important;
  }

  .table-scroll {
    height: 35vh !important;
  }

  .custom-dropdown {
    width: 100%;
  }

  .payment-card-list li {
    width: 100% !important;
    margin-right: 0% !important;
  }

  .credit-border {
    border-right: none;
  }

  .table-order-btn,
  .table-btn {
    width: 100% !important;
  }

  .split-div {
    font-size: 13px;
  }

  .short-cash-style {
    width: 50% !important;
    margin-left: 85px !important;
  }

  /* .modal {
    display: block !important;
  } */

  /* Important part */
  .modal-dialog {
    overflow-y: initial !important
  }

  .modal-bodys {
    height: 80vh;
    overflow-y: auto;
  }

  .input-group .modal-quantity-field {
    width: 40%;
    border: none;
  }
}

@media only screen and (max-width: 768px) {

  .fixed-buttons,
  #myTabs {
    position: relative;
    width: 100%;
  }

  .table-order-btn,
  .table-btn {
    width: 32%;
  }
}

@media only screen and (max-width: 1024px) {

  .fixed-buttons,
  #myTabs {
    position: relative;
    width: 100%;
  }

  .footer-fixed-btns {
    position: relative;
    width: 100%;
  }

  .category-scroll {
    height: 45vh;
    margin-bottom: 10%;
  }

  .table-scroll {
    height: 25vh;
    margin-bottom: 10%;
  }

  .payment-card {
    margin-bottom: 25px;
  }

  .payment-details {
    border-right: 0px solid #f5f5f5;
    margin-bottom: 25px;
  }

  .payment-card-list li {
    width: 29.6%;
    margin-right: 5%;
  }

  .payment-card {
    padding: 20px;
  }
}


.modal-xl {
  max-width: 750px;
}


/* Online Store new css */
@media only screen and (max-width: 600px) {
  .main-menu {
    padding-top: 15px;
    padding-bottom: 4px;
  }

  .user-profile {
    padding-top: 8px;
    margin-bottom: 10px;
    padding-bottom: 8px;
  }

  .user-img {
    /* max-width: 130px;
    height: 130px; */
    /* border-radius: 50%; */
    /* object-fit: cover; */
    width: 65%;
  }

  .r-h-full {
    height: 200vh;
  }

  .r-w-108 {
    width: 108% !important;
  }

  .relative {
    position: relative;
  }

  .r-pd-top-3 {
    padding-top: 3rem !important;
  }

  .r-left-45 {
    left: 45px !important;
  }

  .r-f-4 {
    font-size: 4rem !important;
  }

  .r-f-3 {
    font-size: 3rem !important;
  }

  .r-f-500 {
    font-weight: 500 !important;
  }

  .r-f-700 {
    font-weight: 700 !important;
  }


}

@media only screen and (max-width: 1024px) {
  .r-h-full {
    height: 120vh;
  }

  .qr-img {
    width: 200px;
  }

  .back-gd-white {
    max-width: 200px;
  }

  .left-45 {
    left: 0px;
  }

  .w-80 {
    width: 100%;
  }

  .r-f-3 {
    font-size: 3rem !important;
  }

  .r-f-500 {
    font-weight: 500 !important;
  }
}


@media only screen and (max-width: 767px) {
  .r-f-3 {
    font-size: 3rem !important;
    margin-bottom: 50px;
  }

  .user-profile {
    position: relative;
    margin-bottom: -30px;
  }

}

@media only screen and (max-width: 560px) {
  .r-f-3 {
    font-size: 2rem !important;
    margin-bottom: 19px;
    /* padding-top: 0 !important; */
  }
}